import React, { Component }from 'react'
let styles = {
  modal: {
    position: "fixed",
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    background: 'rgba(0, 0, 0, 0.3)'
  },
  modal_cont: {
    width: '70%',
    padding: '.2rem',
    paddingTop: '.4rem',
    paddingBottom: '.4rem',
    margin: 'auto',
    marginTop: '40%',
    background: '#fff',
    fontSize: '.24rem',
    color: '#9b9b9b',
    textAlign: 'center',
    position: 'relative'
  }
}

class Modal extends Component{
  constructor(props) {
    super(props)
  }
  render () {
    return(
      <div style={styles.modal} onClick={this.props.close()}>
        <div style={styles.modal_cont}>{this.props.content}</div>
      </div>
    )
  }
}
export default Modal;
